/*!
 * Basis javasript library 
 * http://code.google.com/p/basis-js/
 *
 * @copyright
 * Copyright (c) 2006-2010 Roman Dvornov.
 *
 * @license
 * GNU General Public License v2.0 <http://www.gnu.org/licenses/gpl-2.0.html>
 */

/**
 * New blue style for Basis.Controls.Window
 */

 /**
  * mate style
  */

  .Basis-Blocker
  {
     z-index: 1000;
  }
  .Basis-Blocker-Mate
  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    opacity: .5;
      -moz-opacity: .5;
      -khtml-opacity: .5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  }
  .opacity-not-support .Basis-Blocker-Mate
  {
    background: url(mate_white.png);
  }


 /**
  * window style
  */

  .Basis-Window
  {
    position: absolute;
    min-height: 40px; /* 32 (top) + 7 (bottom) + 2 (white border) + 2 (dark border) */
    min-width: 60px;
  }

  .Basis-Window-Canvas
  {
    pointer-events: none;
    position: absolute;

    bottom: 1px;
    top: 1px;
    right: 1px;
    left: 1px;

    padding-bottom: 39px; /* 32 (top) + 7 (bottom) */
  }

  .Basis-Window-Canvas .corner-left-top,
  .Basis-Window-Canvas .corner-right-top,
  .Basis-Window-Canvas .corner-left-bottom,
  .Basis-Window-Canvas .corner-right-bottom
  {
    background-repeat: no-repeat;
    background-image: url(corners.png);
    background-image: url();
  }

  .Basis-Window-Canvas .side-top,
  .Basis-Window-Canvas .content,
  .Basis-Window-Canvas .side-bottom
  {
    background-repeat: repeat-x;
    background-image: url(repeat-x.png);
    background-image: url();
  }

  .Basis-Window-Canvas .side-left,
  .Basis-Window-Canvas .side-right
  {
    background-repeat: repeat-y;
    background-image: url(repeat-y.png);
    background-image: url();
  }

  .Basis-Window-Canvas .corner-left-top
  {
    float: left;

    width: 19px;
    height: 40px;

    margin-top: -8px;
    margin-right: -10px;
    margin-left: -9px;

    background-position: 0 0;
  }
  .Basis-Window-Canvas .corner-right-top
  {
    float: right;

    width: 19px;
    height: 40px;

    margin-top: -8px;
    margin-right: -11px;
    margin-left: -8px;

    background-position: -19px 0;
  }
  .Basis-Window-Canvas .side-top
  {
    height: 7px;
    border-bottom: 1px solid #8F99A6;

    margin-top: -8px;
    margin-right: 8px;
    margin-left: 10px;

    background-position: 0 0;
  }
  .Basis-Window-Canvas .side-left
  {
    position: relative; /* ? */
    float: left;

    width: 8px;
    height: 100%;
    border-right: 1px solid #8F99A6;

    margin-left: -9px;
    margin-top: 32px;

    background-position: 0 0;
  }
  .Basis-Window-Canvas .side-right
  {
    position: relative; /* ? */
    float: right;

    width: 10px;
    height: 100%;
    border-left: 1px solid #8F99A6;

    margin-right: -11px;
    margin-top: 32px;

    background-position: -8px 0;
  }
  .Basis-Window-Canvas .content
  {
    height: 100%;
    padding: 31px 0px 6px;
    border: 1px solid white;

    background-color: #D9E8FB;
    background-position: 0 -18px;
  }
  .Basis-Window-Canvas .side-bottom
  {
    height: 11px;
    border-top: 1px solid #8F99A6;

    margin-right: 8px;
    margin-left: 10px;

    background-position: 0 -7px;
  }
  .Basis-Window-Canvas .corner-left-bottom
  {
    float: left;

    width: 19px;
    height: 19px;

    margin-top: -7px;
    margin-left: -9px;

    background-position: 0 -40px;
  }
  .Basis-Window-Canvas .corner-right-bottom
  {
    float: right;

    width: 19px;
    height: 19px;

    margin-top: -7px;
    margin-right: -11px;

    background-position: -19px -40px;
  }

  .Basis-Window-Layout
  {
    position: relative;

    padding: 1.2em 4px 4px;
  }
  .Basis-Window-Title
  {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 2px;

    line-height: 1.2em;
  }
  .Basis-Window-Title-ButtonPlace
  {
    display: block;
    float: right;

    padding-top: 2px;

    margin-left: 2px;
    margin-right: -4px;

    font-size: 85%;
  }
  .Basis-Window-TitleCaption
  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
    font-size: 85%;
    padding: 3px 0 2px 2px;
  }
  .Basis-Dragable .Basis-Window-TitleCaption
  {
    cursor: move;
  }
  .Basis-Window-Title-CloseButton
  {
    width: 30px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url(button_close.png);
    background-image: url();
    overflow: hidden;
    display: block;
  }
  .Basis-Window-Title-CloseButton SPAN
  {
    display: none;
  }

  .Basis-Window-Content
  {
    position: relative;
    margin-top: 7px;
    background: white;
    border: 1px solid #C5D3E5;
    padding: 4px;
    border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
  }